<%-- 
    Document   : Autocomplete
    Created on : May 26, 2013, 5:52:09 PM
    Author     : aasharm2
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <div style="margin: 50px 50px">
            <label for="product_search">Product Search: </label>
            <input class="product_search" type="text"  placeholder="vectors">
        </div>
        <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
        <script src="typeahead.js"></script>

        <script>
            $(document).ready(function($) {
                $('.product_search').typeahead({
                    name: 'vectors',
                   local: ["amit","toger"],
                    limit:10
                });
            })
        </script> 

    </body> 